<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script type="text/javascript" src="../helper.js"></script>
  <style type="text/css" media="screen">
    .form {
      margin: 5px 0 0 10px;
    }

    label {
      text-align: right;
      width: 80px;
      display: block;
      float: left;
      padding-top: 5px;
    }
  </style>
</head>
<body>
  <h1>Placeholder</h1>
  <p>Native placeholder support: <code id="support">???</code></p>
  <label>Name:</label><input class="form" type="text" placeholder="Your name ..."><br>
  <label>Password:</label><input class="form" type="password" placeholder="password"><br>
  <label>Comment:</label><textarea class="form" placeholder="textarea"></textarea>
  <p>-----------------------------------------------------</p>
  <input type="button" value="Add a textfield with random styles" disabled/><br>

</body>
</html>